<template>
    <div class="common-layout">
      <el-container>
        <el-header>    
            <el-button type="success" @click="handleCollapse">Success</el-button>
        </el-header>
        <el-main>Main</el-main>
      </el-container>
    </div>
  </template>

<script setup lang='ts'>
 import { ref } from 'vue';
 import{useAllDataStore} from '@/store'

 const store = useAllDataStore();


const handleCollapse = () => {
  store.state.isCollapsed =!store.state.isCollapsed;
}
</script>

<style scoped>
el-header{
    background-color: #2e63b3;
}
</style>